<template>
    <div class="my-view">
        <van-nav-bar title="关于我们" left-arrow @click-left="$router.back()" />
        <div class="logo">
            <img src="@/assets/img/l-login.png" alt="">
            <p>岭南精洗</p>
        </div>
        <div class="content">
            <p>岭南精洗专门为大众提供服装洗涤服务的商业形态，洗衣服务商把自己开发的产品系统、服务系统、技术系统、品牌系统（包括商标，商号），以服务化的形式，转化成干净的能再穿的衣服，延长衣物的使用寿命，保障穿着的美观，让更多的人享受到干净的，整洁的衣服。</p>
        </div>
    </div>
</template>

<script>
import { NavBar } from 'vant';

export default {
    name: 'MyView',
    components: {
        VanNavBar: NavBar,
    },
};
</script>

<style scoped>
.my-view {
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.content {
    flex: 1;
    padding: 20px;
    text-align: justify;
    color: #9F9F9F;
    padding: 0px 50px;
    margin-top: 20px;
}
.logo{
    margin-top: 20px;
    margin: 0 auto;
    text-align: center;
}
.logo img{
    margin-top: 20px;
    width: 200px;
    height: 200px;
}
.logo p{
    font-size: 50px;
}
</style>